<template>
    <!-- 1. Vue组件中template里面只能有一个根标签 -->
    <div>
        <h2>{{ msg }}</h2>
        <div class="box">
            <div class="inner">内层</div>
        </div>
    </div>
</template>

<script>
// 核心代码，就是export default默认导出JS对象
export default {
    data(){
        return {
            msg:'Hello World'
        }
    },
    methods:{

    }
}
</script>

<style lang="less">
.box{
    background-color: skyblue;
    .inner{
        background: orange;
    }
}
</style>